/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/


/*-- reset --*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/


/*-- start editing from here --*/

a {
	text-decoration: none;
}

.txt-rt {
	text-align: right;
}


/* text align right */

.txt-lt {
	text-align: left;
}


/* text align left */

.txt-center {
	text-align: center;
}


/* text align center */

.float-rt {
	float: right;
}


/* float right */

.float-lt {
	float: left;
}


/* float left */

.clear {
	clear: both;
}


/* clear float */

.pos-relative {
	position: relative;
}


/* Position Relative */

.pos-absolute {
	position: absolute;
}


/* Position Absolute */

.vertical-base {
	vertical-align: baseline;
}


/* vertical align baseline */

.vertical-top {
	vertical-align: top;
}


/* vertical align top */

nav.vertical ul li {
	display: block;
}


/* vertical menu */

nav.horizontal ul li {
	display: inline-block;
}


/* horizontal menu */

img {
	max-
	: 100%;
}


/*-- end reset --*/

body {
	font-family: 'Hind', sans-serif;
}


/*-- main --*/

h1 {
	font-size: 45px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: center;
	padding: 1em 0 0.4em 0;
}


/*-- slide --*/

@keyframes slideleft {
	from {
		background-position: 0%;
	}
	to {
		background-position: 90000%;
	}
}

@-webkit-keyframes slideleft {
	from {
		background-position: 0%;
	}
	to {
		background-position: 90000%;
	}
}

.w3layouts-main {
	background-image: url('../images/bg2.jpg');
	background-repeat: repeat-x;
	animation: slideleft 5000s infinite linear;
	-webkit-animation: slideleft 5000s infinite linear;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-attachment: fixed;
	position: relative;
	min-height: 100vh;
  width: 100%;
}

.bg-layer {
	background: rgba(0, 0, 0, 0.7);
	min-height: 100vh;
}


/*-- //slide --*/


/*--header start here--*/

.w3ls-header {
	padding: 0em 0 0;
}

.icon1 {
	margin: 0 0 1em;
	padding: .8em 1em;
	background: rgba(255, 255, 255, 0.94);
}

.icon1 span.fa {
	color: #222;
	width: 22px;
}

.main-icon {
	text-align: center;
}

.main-icon span.fa {
	font-size: 50px;
	color: #fff;
	margin-bottom: 1em;
}

.wthree li {
	display: inline-block;
}

a {
	color: #585858;
	margin: 0em;
}

.bottom {
	margin: 1em 0 0;
}


.header-main {
	max-width: 310px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
	padding: 3em 2em;
	background: rgba(255, 255, 255, 0.04);
	-webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.75);
	box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.75);
}

.sign-up {
	margin: 2em 0;
}

.header-left {
	background: #fff;
	padding: 0px;
}

.sign-up h2 {
	font-size: 22px;
	color: #fff;
	text-align: center;
	background: #fbbc05;
	width: 40px;
	height: 40px;
	line-height: 1.9em;
	border-radius: 50%;
	margin: 0 auto;
}

::-webkit-input-placeholder {
	color: #333!important;
}


.header-left-bottom input[type="email"] {
	outline: none;
	font-size: 15px;
	color: #222;
	border: none;
	width: 90%;
	display: inline-block;
	background: transparent;
	letter-spacing: 1px;
}
.header-left-bottom input[type="select"] {
	outline: none;
	font-size: 15px;
	color: #222;
	border: none;
	width: 90%;
	display: inline-block;
	background: transparent;
	letter-spacing: 1px;
}
.header-left-bottom input[type="option"] {
	outline: none;
	font-size: 15px;
	color: #222;
	border: none;
	width: 90%;
	display: inline-block;
	background: transparent;
	letter-spacing: 1px;
}

.header-left-bottom input[type="text"] {
	outline: none;
	font-size: 15px;
	color: #222;
	border: none;
	width: 90%;
	display: inline-block;
	background: transparent;
	letter-spacing: 1px;
}

.header-left-bottom input[type="password"] {
	outline: none;
	font-size: 15px;
	color: #222;
	border: none;
	width: 90%;
	display: inline-block;
	background: transparent;
	letter-spacing: 1px;
}
.header-left-bottom select{
	outline: none;
	font-size: 15px;
	color: #222;
	border: none;
	width: 90%;
	display: inline-block;
	background: transparent;
	letter-spacing: 1px;
}

.header-left-bottom button.btn {
	background: #007cc0;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	padding: .8em 2em;
	letter-spacing: 1px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: none;
	width: 100%;
}


/*-- agileits --*/

.header-left-bottom p {
	font-size: 17px;
	color: #000;
	display: inline-block;
	width: 50%;
	margin: 20px 0 0;
	letter-spacing: 1px;
	float: left;
}

.header-left-bottom p.right {
	text-align: right;
}

.header-left-bottom p a {
	font-size: 11px;
	color: #e2e2e2;
	text-transform: uppercase;
}

.social {
	margin: 2em 0 0;
}

.heading h5 {
	color: #c5c5c5;
	color: #000000;
	margin-top: 8px;
	font-size: 20px;
}

.social span.fa {
	color: #fff;
	font-size: 12px;
	line-height: 35px;
	margin: 0 5px;
	transition: 0.5s all;
}

.social ul li {
	display: inline-block;
	margin: 0 5px;
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: capitalize;
}

.social a.facebook {
	background: #3b5998;
}

.social a.twitter {
	background: #1da1f2;
}

.social a.linkedin {
	background: #00a0dc;
}

.social a.google {
	background: #dd4b39;
}

.social ul li a {
	background: rgba(255, 255, 255, 0.22);
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: block;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.login-check {
	position: relative;
}

.checkbox i {
	position: absolute;
	top: 0px;
	left: 0%;
	text-align: center;
	display: block;
	width: 19px;
	height: 17px;
	outline: none;
	background: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	cursor: pointer;
}

.checkbox input:checked+i:after {
	opacity: 1;
}

.checkbox input+i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}

.checkbox input+i:after {
	content: url(../images/tick.png);
	top: -1px;
	left: 2px;
	width: 15px;
	height: 15px;
}

.checkbox {
	position: relative;
	display: block;
	padding-left: 30px;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-size: 14px;
	color: #fff;
}

input[type="checkbox" i] {
	display: none;
}


/*-- w3layouts --*/


/*-- header end here --*/

h2 {
	font-size: 26em;
	color: #fff;
	line-height: 1.3em;
	letter-spacing: 10px;
}

h3 {
	font-size: 2em;
	color: #fff;
}

h3 a {
	font-size: 17px;
	padding-left: 12px;
	color: #04c9f9;
	text-decoration: underline;
}


/*-- copyright --*/

.copyright {
	padding: 2em 0;
	text-align: center;
}

.copyright p {
	font-size: 15px;
	letter-spacing: 1px;
	color: #ccc;
	line-height: 1.8em;
}

.copyright p a {
	color: #fff;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}


/*-- //copyright --*/


/*-- //main --*/


/*-- responsive-design --*/

@media(max-width:667px) {
	h1 {
		font-size: 40px;
		letter-spacing: 3px;
	}
}

@media(max-width:415px) {
	h1 {
		font-size: 35px;
		letter-spacing: 3px;
	}
	.social {
		margin: 1em 0 0;
	}
	.copyright {
		padding: 2em 1em;
	}
}

@media(max-width:384px) {
	.main-icon span.fa {
		margin-bottom: .6em;
	}
	.header-main {
		max-width: 310px;
		margin: 0 1em;
	}
	.header-left-bottom input[type="option"],
	.header-left-bottom input[type="select"],
	.header-left-bottom input[type="text"],
	.header-left-bottom input[type="email"],
	.header-left-bottom input[type="password"] {
		width: 88%;
	}
	.social ul li {
		margin: 0 2px;
	}
	h1 {
		font-size: 30px;
	}
}


/*-- //responsive-design --*/
